<!DOCTYPE html>
<html>
<head>
	<title>实现轮播图</title>
	<link rel="stylesheet" type="text/css" href="./css/style.css" />
</head>
<body>
	<div class="container" id="container">
		<img src="./img/bg1.jpg" id="img">
		<div class="prev" id="prev">
			<img src="./img/arrow.png">
		</div>
		<div class="next" id="next">
			<img src="./img/arrow.png">
		</div>
		<div class="dots" id="dots">
			<span class="active" id="1"></span>
			<span id="2"></span>
			<span id="3"></span>
		</div>
	</div>
	<script type="text/javascript" src="./js/script.js"></script>
</body>
</html>